@charset "utf-8";
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px) {
body { font: .24rem/1.6 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";}
.pt10 { padding-top: 5px; }
.pt15 { padding-top: 6px; }
.pt20 { padding-top: 8px; }
.pt30 { padding-top: 10px; }
.pt40 { padding-top: 15px; }
.pt50 { padding-top: 20px; }
.pt60 { padding-top: 25px; }
.pt70 { padding-top: 30px; }
.pt80 { padding-top: 35px; }
.pt100 { padding-top:40px; }
.f12 { font-size: 0.22rem; }
.f14 { font-size: 0.22rem; }
.f15 { font-size: 0.22rem; }
.f16 { font-size: 0.24rem; }
.f17 { font-size: 0.24rem; }
.f18 { font-size: 0.24rem; }
.f19 { font-size: 0.25rem; }
.f20 { font-size: 0.25rem; }
.f21 { font-size: 0.25rem; }
.f22 { font-size: 0.25rem; }
.f24 { font-size: 0.26rem; }
.f26 { font-size: 0.26rem; }
.f28 { font-size: 0.26rem; }
.f30 { font-size: 0.27rem; }
.f35 { font-size: 0.27rem; }
.f36 { font-size: 0.27rem; }
.f38 { font-size: 0.28rem; }
.f40 { font-size: 0.28rem; }
.f45 { font-size: 0.28rem; }
.f48 { font-size: 0.29rem; }
.f55 { font-size: 0.29rem; }
.f60 { font-size: 0.3rem; }
.f68 { font-size: 0.3rem; }
.f75 { font-size: 0.32rem; }
.f82 { font-size: 0.34rem; }
.f90 { font-size: 0.36rem; }
.f100 { font-size:0.4rem; }
.f160 { font-size:0.42rem; }

.main { width: 90%;}

.phom { display: block; }
header, header.on { display: none; }
.topby { height:50px;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{ width:100%;height:50px;background:#fff;position:fixed; top: 0px; left: 0px; z-index: 9999;overflow:hidden; border-bottom:1px #eee solid;}
.sp_header .sp_logo{ width:auto; float:left; height:40px; padding:5px 0 0 5%;}
.sp_header .sp_logo img{margin:auto;height:40px;}
.sp_header .sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px; z-index:0; margin-right:5%;}
.sp_header .sp_nav span{display:block;background:#3fb150;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_header .sp_nav span:nth-of-type(1){top:0px}
.sp_header .sp_nav span:nth-of-type(2){top:10px}
.sp_header .sp_nav span:nth-of-type(3){top:20px}
.sp_header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_header .sp_nav_se span:nth-of-type(2){width:0}
.sp_header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sea { float: right; height: 50px; line-height: 50px; margin-right:20px; }
.sea span { float: left; cursor: pointer; height: 50px; line-height: 50px; display:block; }
.search {position:fixed;z-index:9;background:rgba(0, 0, 0, .8);width:100%;height:100%;top:0;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:none;}
.satr { width: 90%; height: 40px; margin: 10% auto 0 auto; position: relative; }
.satr em { position: absolute; right: 10px; top: -10px; z-index: 10; }
.satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
.satr .sousuo1 { width: 75%; height: 40px; line-height: 40px; border: 0; padding-left: 5%; background: #FFF; float: left; margin-top: 40px; }
.sousuo { width: 20%; height: 40px; background: url(../images/ser.png) no-repeat center #3fb150; border: 0; float: left; margin-top: 40px; }
.sjj_nav{position:fixed;z-index:99999;background:rgba(0, 0, 0, .8);width:100%;height:calc(100% - 104px);line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav ul li .sp_nav_xjb{position:absolute;top:5px;right:0px;border-left:1px rgba(255, 255, 255, .8) solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li .sp_nav_xjb svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px rgba(255, 255, 255, .8) solid;margin-left:20px;position:relative;line-height:40px;font-size: 0.22rem}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255, 255, 255, .8) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#FFF;width:80%}
.sjj_nav ul li ul li a{color:#efeded;display:block;text-align:left;}
.sjj_nav ul li .sp_nav_xjb svg{width:20px;height:20px;fill:#FFF;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#3fb150;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.mainc{ width:90%; overflow:hidden; margin:0 auto;}



/********footer********/

.footer{ display: none; }
.copy, .kfl{ display: none; }



/**内页**/
.mainny{ position:inherit; margin-top:0;}
.mainny .cotr, .loc, .right_top{ display:none;}
.right_bottom{ padding-top:0;}
.cateList { width: 100%; line-height:50px; text-align: center; background: #f6f6f6; color: #666; position: relative; margin-top:20px; display:block; }
.cateList .goBack { width: auto; height:50px;line-height:50px; position: absolute; left: 0;top: 0; z-index: 10; font-size:0.26rem; color: #3fb150; }
.cateList .goBack:before {width: 32px;height: 32px; display: block; margin: 0 auto; }
.cateList h3 { width: 100%; position: relative; font-size: 0.24rem;}
.cateList h3 span { position: absolute; top: 0; right:10px;width: auto; height: 50px; line-height: 50px; font-size:0.26rem; color: #3fb150; }
.cateList .box { width: 95%; padding: 10px 0;z-index: 11; background: #f5f5f5; display: none; margin: 0 auto; }
.cateList .box a { padding:5px 5%; height: 24px;line-height: 24px;text-align: left; font-size: 0.22rem;display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom:1px #CCC solid; }
/*产品分类*/
.sideup { display: none; width: 100%; margin: 0 auto; }
.sideup li a{ padding:10px 5%; font-size: 0.22rem;}
.sideup li .cob em{ margin-top:4px;}
.sideup li i{ margin-top:14px; margin-right:5%;}
.tun {margin-top: 10px;}
.sidedown li a{ font-size:0.22rem; padding:10px 10%;}


.chroma-gallery .chrg-description p { font-size: 0.22rem; }
.grid li {  width: 100%; margin-bottom:20px;}
.grid li .newc{ width:95%; padding:0 0;}
.grid li .newc .new_img{ width:94%; margin:0 auto; padding-top:10px; height:inherit;}
.grid li .newc .new_txt{ width:94%; margin:0 auto; padding-bottom:10px;}
.grid li .newc .new_txt .newm{ font-size:0.24rem;}
.grid li .newc .new_txt p{ font-size: 0.22rem; height:inherit;}
.FastMove { width: 100%; overflow: hidden; margin: 20px auto 0 auto;}
.FastMove .Prev{ float:inherit;}
.FastMove .Next{ float:inherit;}
.arContent img{ width: 100%; }
/*相关文章*/
.but_tit { width:100%; height: 40px; line-height: 40px; margin-top: 20px; }
.but_tit span {  height: 40px; font-size: 0.24rem; }
.xgwz { width: 100%; }
.xgwz li { width: 100%;}
.xgwz li .newm { font-size: 0.24rem; }
.xgwz li .new2 { font-size: 0.22rem; }
.xgwz li p { font-size: 0.22rem;}
.ExhibitList dl{ width:100%; margin-top:10px;}

/*产品介绍*/
.cpjs .cp_img{ width:100%; overflow:hidden; float:inherit;}
.cpjs .cp_txt{ width:100%; overflow:hidden; float:inherit; line-height:normal; margin-top:20px;}
.cpjs .cp_txt .cp_top { font-size:0.24rem; padding-bottom:15px; }
.cpjs .cp_txt p{ padding-top:10px;}
.cpjs .cp_txt .cp_bo{ margin-top:20px;}
.cpjs .cp_txt .cp_bo .pdpromo{ width:35%; height:34px; line-height:34px;}
.cpjs .cp_txt .cp_bo dl{ width:40%; }
.cpjs .cp_txt .cp_bo dl dd{ float:left; margin-left:10px; font-size:0.22rem;}


.xzk{ width:25%;}
/*内页case*/
.caset { margin-top: 20px; position: inherit; z-index: inherit; padding-bottom: 20px; }
.casek .case_b { width: 100%; overflow: hidden; float: right; }
.casek .case_b img { display: block; width: 100%; vertical-align: top; }
.casek .casw { width: 90%; background: none; padding-top: 10px; margin-top: inherit; float: inherit; margin: 0 auto; color: #FFF; line-height: 18px; text-align: center; }
.casek .casw span { width: 100%; line-height: normal; padding: 0 0; word-break: normal; }
.casek .case_a { width: 90%; background: none; color: #FFF; position: inherit; padding: 0 10px 0 0; margin: 0 auto; }
.casek .case_a .cati { font-size:0.26rem; padding-bottom: 18px; padding-top: 10px; }
.casek .case_a .cati a { color: #FFF; }
.casek .case_a .casn { width: 100%; margin-top: 18px; line-height: 30px; }
.casek .case_a i a { width: 152px; height: 36px; display: block; background: #f2f2f2; line-height: 36px; text-align: center; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); color: #2b3e9a; text-transform: uppercase; margin-top: 30px; font-style: normal; }
.casel { background-size:contain;}
.casel .case_b { float: left; }
.casel .casw { float: right; margin-right: 5.4%; }
.casel .case_a { right: 12.5%; left: auto; }

/***新闻详细***/
.news_tit { padding-bottom:15px; }
.news_tit h1 { font-size: 0.24rem;}
.news_tit p { font-size: 0.22rem; }
.arKeywords { padding: 10px; font-size: 0.22rem; }
.arContent { padding-top: 10px; font-size: 0.22rem;}
.FastMove { padding: 20px 0 0 0; margin: 10px auto 0 auto; font-size: 0.22rem; }

/*产品内页tag*/
.tagv { width:100%; margin: 10px auto 0 auto;}
.ztitle span { width:33.33%; float:left; font-size: 0.24rem; margin-bottom:6px;}

.zntit_con1{ width: 100%; padding-top: 20px; overflow:auto;}
.zntit_con1 img{ width:100%;}
.zntit_con1 h2{ font-size:0.25rem; padding-bottom:15px; margin-bottom:15px;}

.fl{ float:inherit; width:100%; overflow:hidden;}

#HBoc{ width: 100%; overflow: hidden; float: inherit; margin-top:10px;}

.ke-zeroborder1, .ke-zeroborder2, .ke-zeroborder3{ float:inherit; width:100%; margin-top:10px;}



.arList li .newsl{ width:99.8%; float:inherit; border:1px #CCC solid;}
.arList li .newsr{ width:100%; float:inherit; padding-top:10px;}
.arList li .newsr .newm{ font-size:0.24rem;}
.arList li .newsr .caimg dl{ display:none;}


/*新闻列表*/
.arListr li .nemg { width: 100%; padding: 0; }
.arListr li .newm { font-size: 0.24rem;}
.arListr li .new2 { font-size: 0.22rem;}
.arListr li p { font-size: 0.22rem; }
.arListr li .nemg .newsl { width: 100%; float:inherit; margin-top:10px; }
.arListr li .nemg .newsr { width: 100%; float:inherit; }





.fla{ width:100%; float:inherit;}
.fla img{ width:100%;}
#feedback_form{ width:100%; float:inherit;}


.gallery li { width: 46%; }


/*在线留言*/

#HBox{width:90%;height:420px;top:50px;left:5%;margin:0 0 0 0;}


.subform { width: 95%;}



.subform .form-group .control-div .form-controlv { height: 100px; }

.subform .form-group .control-div .btn-info { margin-top:10px; float:left;}




/*解决方案*/
.soit dl .soy a dd{ bottom:5px; height:24px;}
.soit dl .soy a dd span{ height:24px; line-height:24px; overflow:hidden; text-align:center;}
.soit dl .soy a dd p{ display:none;}
.soit dl .soy a i{ height:24px; padding:5px 0;}









}